<!DOCTYPE html>
<html>
<head>
    <title>Facebook photo gallery</title>
</head>

<script src="/js/core/core.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script src="/js/Application.js"></script>

<link href="/css/index.css" rel="stylesheet" media="all" />

<body class="state loggedout">

<!--
TODO:
 - load photos on scroll
 - position photo on click + show larger photo (animate)
 - each album in one row
 - users lis in one row (show only on over or on click on avatar)
-->

<div id="user-panel">
    <!-- img id="user-picture" />
    <div id="user-name"></div>
    <button id="button-logout" onclick="Application.logout()">Logout</button>
    <button id="button-login" onclick="Application.login()">Login</button -->

    <div id="users-list-container"></div>
</div>

<div id="gallery-container">

</div>

</body>
</html>